/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%; height:100%;}

body { 	 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#515140;
	min-width:986px;
	background:url(../images/body-bg.jpg) 256px 0 repeat-y #fff;
	height:100%;
}

.bg {width:100%;background:url(../images/body.jpg) 256px 0 no-repeat; min-height:1000px;}

.main {
	width:980px; 	
	padding:0;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.4615em;
}

a {color:#515140; outline:none;text-decoration:none;}
a:hover {text-decoration:underline; color:#000;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left; width:201px; margin-right:21px;}
.col-2 { margin:0;}

.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
.container {width:100%;}

p {margin-bottom:19px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px !important;}
.m2 { padding-bottom:15px;}
.p3 {margin-bottom:30px !important;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#8e8c7d;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:35px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 30px 0px 0;}	
.img-indent2 {float:left; margin:0 20px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 10px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {}

.buttons a:hover {cursor:pointer;}

.list-1 li a,
.list-2 li a,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header { width:100%; height:143px; position:relative; z-index:100;}
header .row-1 { float:left; width:256px;}
header .row-2 { margin-left:256px;}

nav { padding:26px 0 0 20px; height:106px; background:url(../images/nav.jpg) 25px 122px no-repeat; position:relative;}
.navi { float:left; background:url(../images/navi.png) 0 0 repeat-y #da0a04; width:11px; padding:16px 9px 0 10px;}
.navi a { margin-bottom:7px; display:block;}
.navi a.last { margin-bottom:0;}

h1 {padding:0px 0 0 0; position:relative;}
.logo {display:block; width:256px; height:143px; text-indent:-5000px; background:url(../images/logo.gif) 0 0 no-repeat;}

/*********************************content*************************************/
#content { padding:0px 0px 0px 0px; margin-left:266px;}

.title { text-align:right; width:382px; padding:156px 0 57px 0;}
.title a { display:inline-block; background:#f0f0f0; color:#8e9185; text-decoration:none; font-size:16px; line-height:40px; padding:0 18px; margin-top:9px;}
.title a:hover {background:#8e9185; color:#f0f0f0;}

.spacer-1 {width:100%; background:url(../images/pic-1.gif) 217px 0 repeat-y;}
.spacer-2 {width:100%; background:url(../images/pic-1.gif) 460px 0 repeat-y;}

h1 { color:#fff; font-size:48px; line-height:1.2em;}
h2 { color:#f7ffbf; font-size:38px; line-height:1.2em;}
h3 {font-size:24px; line-height:1.2em; margin:0px 0 26px; color:#9ed31d; text-transform:uppercase;}
h4 {font-size:18px; line-height:1.2em;text-transform:uppercase; margin:0 0 5px; color:#fff;}

.scroll {overflow:auto; height:180px; position:relative;}
.padding-right {padding-right:80px;}

.border-bot {width:100%; padding-bottom:20px; background:url(../images/pic-1.gif) 0 bottom repeat-x;}

.box {background:#fbfbfb;}
.box .padding {padding:39px 32px 29px 33px;}
.box .paddingsml {padding:29px 32px 9px 33px;}
.box h3 { border-bottom:1px solid #b7b7b7; padding-bottom:17px;color:#da0a04;}
.box .border { background:url(../images/aside-border.gif) 0 100% repeat-x; padding:0 0 20px; margin:0 0 20px;}
.box time { font-weight:bold;}

.box-shadow { padding-bottom:12px; background:url(../images/box-shadow.png) 50% 100% no-repeat;}
.box-shadow1 { padding-bottom:12px; background:url(../images/box-shadow1.png) 50% 100% no-repeat;}

.button {color:#4b4b4b;cursor:pointer; font-weight:bold; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.button:hover { text-decoration:none; color:#000;}

.button1 {display:inline-block; font-size:12px; padding-left:9px; color:#fff; background:url(../images/button-left.png) 0 0 no-repeat;}
.button1 span {display:inline-block; cursor:pointer; padding-right:9px; background:url(../images/button-right.png) right 0 no-repeat;}
.button1 span span {padding:2px 3px 3px; background:url(../images/button-tail.png) 0 0 repeat-x;}
.button1 strong {padding:0 0 0 8px; background:url(../images/marker-1.gif) 0 6px no-repeat;}
.button1:hover {color:#24a3ce;}

.list-1 li {font-size:16px; line-height:26px; padding:0px 0 0 22px; vertical-align:top; position:relative; background:url(../images/marker.png) 0 6px no-repeat; font-weight:bold;}
.list-1 li a {display:inline-block; color:#3e3d31; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.list-1 li a:hover {color:#000; text-decoration:underline;}

.list-2 li {line-height:22px; padding-left:12px; background:url(../images/marker-2.gif) 0 8px no-repeat;}
.list-2 li a {color:#fff;}
.list-2 li a:hover {color:#1799cf;}

.list-3 {list-style:decimal-leading-zero;}
.list-3 li {font-size:12px; line-height:16px; color:#fff; padding-bottom:12px; margin-left:25px; list-style-type:decimal-leading-zero;}
.list-3 li a {color:#eda202;}
.list-3 li a:hover {color:#24a3ce;}

.items { overflow:hidden; }
*+html .items {padding-bottom:20px;}
.items li { float:left; width:181px; padding:10px 10px 15px; background:#d4dac9; color:#fff; margin-bottom:20px;}
.items li:hover { background:#a3c81c;}
.items li figure { margin-bottom:13px;}
.items li h4 { margin:0 0 3px;}

.link { font-family:Arial, Helvetica, sans-serif; color:#4b4b4b; font-weight:bold; text-decoration:underline;}
.link:hover {text-decoration:none; color:#000;} 

.link-1 {display:inline-block; font-size:14px; padding-right:8px; background:url(../images/marker-3.gif) right 8px no-repeat;}
.link-1:hover {color:#fff;} 

.text-1 {font-size:20px; margin-bottom:10px !important;} 
.text-2 {font-size:14px; line-height:1.285em;}  
.text-3 {line-height:18px;}  

dl span {float:left; width:80px;}

/* Contact form */
#contact_form { min-height:480px;}
#contact-form {
	position:relative;
	vertical-align:top;
	width:573px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; color:#878787;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
		#contact-form .field {
			overflow:hidden;
			padding:6px 4px 4px 0;
			background:#040402;
			margin-bottom:14px;
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			box-shadow:1px 1px 2px #000;
			-moz-box-shadow:1px 1px 2px #000;
			-webkit-box-shadow:1px 1px 2px #000;
			}
			#contact-form .field div {
				background:url(../images/input.png) 0 0 no-repeat;
				float:left;
			}
			#contact-form label { width:74px; display:block; float:left; text-align:right; padding-right:12px; line-height:35px;}
			#contact-form input[type=text] {
				width:463px;
				height:35px;
				padding:0px 10px; margin:0;
				background:none;
				border:none;
				line-height:35px;
				color:#fff;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				}
			#contact-form.main-contacts .field input {
				margin-top:0px;
				}
			#contact-form .area {
			overflow:hidden;
			padding:6px 4px 5px 0;
			background:#040402;
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			box-shadow:1px 1px 2px #000;
			-moz-box-shadow:1px 1px 2px #000;
			-webkit-box-shadow:1px 1px 2px #000;
			}
			#contact-form .area div {
				background:url(../images/area.png) 0 0 no-repeat; float:left;
			}
			#contact-form textarea {
				width:463px;
				color:#fff;
				background:none;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				height:225px;
				border:none;
				padding:10px; margin:0;
				overflow:auto;
				line-height:1.2em;
				}
				#contact-form a {
					cursor:pointer;
					}
				#contact-form .alignright {
					padding-top:12px;
					}
					#contact-form small {
						color:red;
						font-weight:bold;
						padding:0 0 0 5px;
						}
		.buttons-wrapper { margin-top:16px; text-align:right;
			}
		.buttons-wrapper a { margin-left:20px;}

.block { width:191px; float:left; clear:left; background:url(../images/left-block-texture.jpg) 0 0 repeat; padding:25px 28px 5px 37px; color:#fff; font-size:13px; line-height:17px; min-height:338px;}
.block h3 { color:#fff;}
.block time { color:#fff; font-size:18px; line-height:1.2em; display:block; padding:0 0 5px;}
.block p { margin-bottom:11px;}
.block a {  font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-decoration:underline;}
.block a:hover { text-decoration:none;}
.block .border { background:url(../images/block-border.gif) 0 100% repeat-x; padding:0 0 23px; margin:0 0 23px;}

/****************************footer************************/
aside {float:left; clear:left; width:186px; padding:39px 34px 0 36px; font-size:13px; line-height:19px; color:#95978d;}
aside .border { background:url(../images/aside-border.gif) 0 100% repeat-x; padding:0 0 39px;}
aside h3 { color:#d6d8cd; margin:0 0 34px;}

.icons { text-align:right; margin-bottom:44px;}
.icons a { margin-left:9px;}

/****************************footer************************/
footer {width:236px; padding:37px 20px 20px 0; clear:left; float:left; font-weight:bold; color:#b9b9a8; font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
footer a {color:#b9b9a8; text-decoration:underline;}
footer a:hover {color:#000; text-decoration:none;}

#easyTooltip{
	font-size:13px;
	padding:5px 10px;
	background:#d4dac9;
	color:#fff;
}



/*=======================================================================================================================================*/
/*=======================================================================================================================================*/
/*================================================               CALENDAR                  ==============================================*/
/*=======================================================================================================================================*/
/*=======================================================================================================================================*/
#calendar table {
	border-collapse: separate;
	margin: 10px auto;
	font-size: 20px;
}
#calendar td {
	width: 50px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	
	color: #444;
	position: relative;
}
#calendar th 
{
	width: 75px;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	background: url(../img/cells.png);
	color: #444;
	position: relative;
	height: 30px;
	font-weight: bold;
	font-size: 14px;
}

#calendar td:hover, th:hover {
	background-position: 0px -81px;
	color: #222;
}


.cal_title  
{
	background: url(../img/body.png);
}

.cal_day
{
	background: url(../img/cells.png);
	}

.cal_today
{
 background: url(../img/cells.png);
 background-position: 162px 0px;
}

.cal_today:hover
{
 background: url(../img/cells.png);
 background-position: 162px -81px;
}

.cal_selected
{
 background: url(../img/cells.png);
 background-position: 162px -81px;
}

.cal_selected:hover
{
 background: url(../img/cells.png);
  background-position: 162px 0px;
}


/*========================================================================================================*/
/*========================================================================================================*/
/*================================          notification page tables            ==========================*/
/*========================================================================================================*/
/*========================================================================================================*/

.row
{
	background-image: url(../images/row.png);
}

#grid2 tbody tr:hover
{
	background-image: url(../images/td_hover.png);
}

#grid2 tr td
{
	padding: 5px 5px 5px 5px;
}

#grid tbody tr:hover
{
	background-image: url(../images/td_hover.png);
}

#grid tr td
{
	padding: 5px 5px 5px 5px;
}


/*========================================================================================================*/
/*========================================================================================================*/
/*================================          notification page tables            ==========================*/
/*========================================================================================================*/
/*========================================================================================================*/

#clientdetails_nav
{
	border-bottom: 1px solid gray;
	padding-bottom: 15px;
}
	
#clientdetails_nav ul
{
display: inline;
}
	
#clientdetails_nav ul li
{
display: inline;
	}
	